<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>大屏展示</title>
<link rel="stylesheet" type="text/css" th:href="@{/plugin/BigScreen/public_black.css}">
<link rel="stylesheet" type="text/css" th:href="@{/plugin/BigScreen/data.css}">

<script data-require-id="echarts/chart/map" th:src="@{/plugin/BigScreen/map.js}" async=""></script></head>

<body>
	<!--Header-->
	<header>
		<div class="Header_Bg FloatLeft">
			数据分析 <a href="http://www.gzdata.gov.cn/index.html"><img class="Header_logo" th:src="@{/plugin/BigScreen/dataView_logo.png}"></a>

		</div>
		<canvas id="Header" width="1903" height="80"></canvas>
	</header>

	<!--Header-->
	<div class="CenterBox">
		<!--顶部数据 box01-->
		<div class="DataBox_Bg DataBox01 MarginTop20">
			<div class="DataBox01_One01 FloatLeft">
				<div class="DataBox01_Title">平台访问次数</div>
				<div class="DataBox01_Data" id="totalDatasetView">466864</div>
			</div>
			<div class="DataBox01_Line FloatLeft"></div>
			<div class="DataBox01_One02 FloatLeft">
				<div class="DataBox01_Title">下载调用次数</div>
				<div class="DataBox01_Data" id="totalDatasetCall">130840</div>
			</div>
			<div class="DataBox01_Line FloatLeft"></div>
			<div class="DataBox01_One02 FloatLeft">
				<div class="DataBox01_Title">平台注册用户数</div>
				<div class="DataBox01_Data" id="totalUsers">5063</div>
			</div>
			<div class="DataBox01_Line FloatLeft"></div>
			<div class="DataBox01_One02 FloatLeft">
				<div class="DataBox01_Title">开放数据集数量</div>
				<div class="DataBox01_Data" id="totalDataset">2016</div>
			</div>
			<div class="DataBox01_Line FloatLeft"></div>
			<div class="DataBox01_One02 FloatLeft">
				<div class="DataBox01_Title">开放文件数量</div>
				<div class="DataBox01_Data" id="totalFile">1516</div>
			</div>
			<div class="DataBox01_Line FloatLeft"></div>
			<div class="DataBox01_One01 FloatLeft">
				<div class="DataBox01_Title">开放数据部门数</div>
				<div class="DataBox01_Data" id="totalOrg">68</div>
			</div>
		</div>

		<!--部门开放数据TOP10 box02-->
		<div class="DataBox_Bg DataBox02 MarginTop20 FloatLeft">
			<div class="DataBox_TitleBox">
				<img class="FloatLeft" th:src="@{/plugin/BigScreen/icon01.png}">
				<div class="DataBox_Title FloatLeft">部门开放数据量TOP10</div>
				<div class="DataBox_TitleUnit FloatRight">（个）</div>
			</div>
			<div class="DataBox02_Data">
				<div id="DataBox02_Data" style="width: 410px; height: 310px; -webkit-tap-highlight-color: transparent; user-select: none; position: relative;" _echarts_instance_="ec_1544773920351">
					<div style="position: relative; overflow: hidden; width: 410px; height: 310px; padding: 0px; margin: 0px; border-width: 0px; cursor: default;">
						<canvas data-zr-dom-id="zr_0" width="410" height="310" style="position: absolute; left: 0px; top: 0px; width: 410px; height: 310px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas>
					</div>
					<div style="position: absolute; display: none; border-style: solid;
					white-space: nowrap; z-index: 9999999; transition: left 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s,
					top 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s; background-color: rgba(50, 50, 50, 0.7);
					border-width: 0px; border-color: rgb(51, 51, 51); border-radius: 4px; color: rgb(255, 255, 255);
					font: 14px/21px &quot;Microsoft YaHei&quot;; padding: 5px; left: 225px; top: 45px;">
						市大数据委<br>
						<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#07c0ee;">

						</span>开放数据: 151</div>&ndash;&gt;
				</div>
			</div>
		</div>

		<!--访问来源追溯 box03-->
		<div class="DataBox_Bg DataBox03 MarginTop20 FloatRight">
			<div class="DataBox_TitleBox">
				<img class="FloatLeft" th:src="@{/plugin/BigScreen/icon02.png}">
				<div class="DataBox_Title FloatLeft">访问来源追溯</div>
				<div class="DataBox_TitleUnit FloatRight">访问数：（次）</div>
			</div>
			<div class="DataBox03_Data">
				<div id="DataBox03_Data" style="width: 690px; height: 580px; -webkit-tap-highlight-color: transparent; user-select: none; background-color: rgb(32, 50, 80); cursor: pointer;" _echarts_instance_="1544773920544">
					<div style="position: relative; overflow: hidden; width: 690px; height: 580px;"><div data-zr-dom-id="bg" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 690px; height: 580px; user-select: none;">

					</div>
						<canvas width="690" height="580" data-zr-dom-id="0" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 690px; height: 580px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">

					</canvas>
						<canvas width="690" height="580" data-zr-dom-id="1" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 690px; height: 580px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">

					</canvas>
						<canvas width="690" height="580" data-zr-dom-id="10" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 690px; height: 580px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">

					</canvas>
						<canvas width="690" height="580" data-zr-dom-id="_zrender_hover_" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 690px; height: 580px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">

						</canvas>
						<div class="echarts-tooltip zr-element" style="position: absolute; display: block; border-style: solid; white-space: nowrap; transition: left 0.4s ease 0s, top 0.4s ease 0s; background-color: rgba(0, 0, 0, 0.7); border-width: 0px; border-color: rgb(51, 51, 51); border-radius: 4px; color: rgb(255, 255, 255); padding: 5px; left: 269px; top: 204px;">甘肃</div>
					</div>
				</div>
			</div>
		</div>

		<!--可机读数据占比 box04-->
		<div class="DataBox_Bg DataBox04 MarginTop20 FloatLeft">
			<div class="DataBox_TitleBox">
				<img class="FloatLeft" th:src="@{/plugin/BigScreen/icon03.png}">
				<div class="DataBox_Title FloatLeft">可机读数据占比</div>
			</div>
			<div class="DataBox04_Data">
				<div id="DataBox04_Data" style="width: 410px; height: 160px; -webkit-tap-highlight-color: transparent; user-select: none;" _echarts_instance_="ec_1544773920352"><div style="position: relative; overflow: hidden; width: 410px; height: 160px; padding: 0px; margin: 0px; border-width: 0px; cursor: pointer;"><canvas data-zr-dom-id="zr_0" width="410" height="160" style="position: absolute; left: 0px; top: 0px; width: 410px; height: 160px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas></div></div>
			</div>
		</div>

		<!--数据开放统计 box05-->
		<div class="DataBox_Bg DataBox05 MarginTop20 FloatLeft">
			<div class="DataBox_TitleBox">
				<img class="FloatLeft" th:src="@{/plugin/BigScreen/icon04.png}">
				<div class="DataBox_Title FloatLeft">数据开放统计</div>
			</div>
			<div class="DataBox05_Data">
				<div class="DataBox05_Button">
					<div class="FloatLeft Button Button_Blue" id="Button_Field">领域</div>
					<div class="FloatLeft Button" id="Button_Department">部门</div>
				</div>
				<div class="DataBox05_InfBox">
					<div class="DataBox05_Inf" id="Inf_Field">领域数据开放统计</div>
					<div class="DataBox05_Inf" id="Inf_Department" style="display: none">部门数据开放统计Top10</div>
				</div>
				<div id="DataBox05_Data_Field" style="width: 1160px; height: 320px; -webkit-tap-highlight-color: transparent; user-select: none;" _echarts_instance_="ec_1544773920353"><div style="position: relative; overflow: hidden; width: 1160px; height: 320px; padding: 0px; margin: 0px; border-width: 0px; cursor: default;"><canvas data-zr-dom-id="zr_0" width="1160" height="320" style="position: absolute; left: 0px; top: 0px; width: 1160px; height: 320px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas></div><div style="position: absolute; display: none; border-style: solid; white-space: nowrap; z-index: 9999999; transition: left 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s, top 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s; background-color: rgba(50, 50, 50, 0.7); border-width: 0px; border-color: rgb(51, 51, 51); border-radius: 4px; color: rgb(255, 255, 255); font: 14px/21px &quot;Microsoft YaHei&quot;; padding: 5px; left: 67px; top: 90px;">机构团体<br><span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#27d4ff;"></span>API: 529<br><span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#4896ff;"></span>文件: 192<br><span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#ffb400;"></span>应用: 2<br><span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:rgba(219,233,252,0.8);"></span>总量: 723</div></div>
				<div id="DataBox05_Data_Department" style="width: 1160px; height: 320px; display: none; -webkit-tap-highlight-color: transparent; user-select: none;" _echarts_instance_="ec_1544773920354"><div style="position: relative; overflow: hidden; width: 1160px; height: 320px; padding: 0px; margin: 0px; border-width: 0px;"><canvas data-zr-dom-id="zr_0" width="1160" height="320" style="position: absolute; left: 0px; top: 0px; width: 1160px; height: 320px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas></div><div></div></div>
			</div>
		</div>

		<!--数据下载TOP10 box06-->
		<div class="DataBox_Bg DataBox06 MarginTop20 MarginRight20 FloatLeft">
			<div class="DataBox_TitleBox">
				<img class="FloatLeft" th:src="@{/plugin/BigScreen/icon05.png}">
				<div class="DataBox_Title FloatLeft">数据集下载量TOP10</div>
				<div class="DataBox_TitleUnit FloatRight">（次）</div>
			</div>
			<div class="Top10Box01"><div class="DataList_Box">
      <div class="DataList_Circle FloatLeft">1</div>
      <div class="DataList_Title FloatLeft">全省户籍人口</div>
      <div class="FloatRight DataList_Download01">8314</div>
    </div><div class="DataList_Box">
      <div class="DataList_Circle FloatLeft">2</div>
      <div class="DataList_Title FloatLeft">贵州省省本级医疗保险联网结算药店名录</div>
      <div class="FloatRight DataList_Download01">4458</div>
    </div><div class="DataList_Box">
      <div class="DataList_Circle FloatLeft">3</div>
      <div class="DataList_Title FloatLeft">年度教育统计</div>
      <div class="FloatRight DataList_Download01">3656</div>
    </div><div class="DataList_Box">
      <div class="DataList_Circle FloatLeft">4</div>
      <div class="DataList_Title FloatLeft">主要安全管理人员信息</div>
      <div class="DataList_Download02 FloatRight">2052</div>
    </div><div class="DataList_Box">
      <div class="DataList_Circle FloatLeft">5</div>
      <div class="DataList_Title FloatLeft">贵州省环境空气质量三项指标综合指数</div>
      <div class="DataList_Download02 FloatRight">1950</div>
    </div><div class="DataList_Box">
      <div class="DataList_Circle FloatLeft">6</div>
      <div class="DataList_Title FloatLeft">全省年末常住人口</div>
      <div class="DataList_Download02 FloatRight">1736</div>
    </div><div class="DataList_Box">
      <div class="DataList_Circle FloatLeft">7</div>
      <div class="DataList_Title FloatLeft">全省就业人员及劳动报酬</div>
      <div class="DataList_Download02 FloatRight">1598</div>
    </div><div class="DataList_Box">
      <div class="DataList_Circle FloatLeft">8</div>
      <div class="DataList_Title FloatLeft">年度旅游统计数据</div>
      <div class="DataList_Download02 FloatRight">1371</div>
    </div><div class="DataList_Box">
      <div class="DataList_Circle FloatLeft">9</div>
      <div class="DataList_Title FloatLeft">年度交通运输统计</div>
      <div class="DataList_Download02 FloatRight">1114</div>
    </div><div class="DataList_Box">
      <div class="DataList_Circle FloatLeft">10</div>
      <div class="DataList_Title FloatLeft">医疗专家信息</div>
      <div class="DataList_Download02 FloatRight">1073</div>
    </div></div>

		</div>
		<script id="DataCallsTop10" type="text/html">
    <div class="DataList_Box">
      <div class="DataList_Circle FloatLeft">{{ DataNumber }}</div>
      <div class="DataList_Title FloatLeft">{{ DataCallsTop10Name }}</div>
      <div class="DataList_Download02 FloatRight">{{ DataCallsTop10Count }}</div>
    </div>
  </script>


		<!--API调用TOP10 box07-->
		<div class="DataBox_Bg DataBox07 MarginTop20 MarginRight20 FloatLeft">
			<div class="DataBox_TitleBox">
				<img class="FloatLeft" th:src="@{/plugin/BigScreen/icon06.png}">
				<div class="DataBox_Title FloatLeft">应用调用量TOP10</div>
				<div class="DataBox_TitleUnit FloatRight">（次）</div>
			</div>
			<div class="Top10Box02"><div class="DataList_Box">
      <div class="DataList_Circle FloatLeft">1</div>
      <div class="DataList_Title FloatLeft">黔通途APP</div>
      <div class="FloatRight AppList_Download01">4005</div>
    </div><div class="DataList_Box">
      <div class="DataList_Circle FloatLeft">2</div>
      <div class="DataList_Title FloatLeft">贵州省万村千乡信息</div>
      <div class="FloatRight AppList_Download01">850</div>
    </div><div class="DataList_Box">
      <div class="DataList_Circle FloatLeft">3</div>
      <div class="DataList_Title FloatLeft">企业资质查询</div>
      <div class="FloatRight AppList_Download01">679</div>
    </div><div class="DataList_Box">
      <div class="DataList_Circle FloatLeft">4</div>
      <div class="DataList_Title FloatLeft">贵州省涉农产业基地分布信息</div>
      <div class="AppList_Download02 FloatRight">542</div>
    </div><div class="DataList_Box">
      <div class="DataList_Circle FloatLeft">5</div>
      <div class="DataList_Title FloatLeft">中国地面气象站基本气象要素观测资料</div>
      <div class="AppList_Download02 FloatRight">488</div>
    </div><div class="DataList_Box">
      <div class="DataList_Circle FloatLeft">6</div>
      <div class="DataList_Title FloatLeft">中国高空气象站观测资料</div>
      <div class="AppList_Download02 FloatRight">464</div>
    </div><div class="DataList_Box">
      <div class="DataList_Circle FloatLeft">7</div>
      <div class="DataList_Title FloatLeft">贵州交警</div>
      <div class="AppList_Download02 FloatRight">450</div>
    </div><div class="DataList_Box">
      <div class="DataList_Circle FloatLeft">8</div>
      <div class="DataList_Title FloatLeft">省直公积金查询</div>
      <div class="AppList_Download02 FloatRight">263</div>
    </div><div class="DataList_Box">
      <div class="DataList_Circle FloatLeft">9</div>
      <div class="DataList_Title FloatLeft">“黔人防云”APP</div>
      <div class="AppList_Download02 FloatRight">232</div>
    </div><div class="DataList_Box">
      <div class="DataList_Circle FloatLeft">10</div>
      <div class="DataList_Title FloatLeft">贵州省级公开现行文件档案、地方志书、年鉴、音视频数据</div>
      <div class="AppList_Download02 FloatRight">179</div>
    </div></div>
			<script id="AppCallsTop10" type="text/html">
    <div class="DataList_Box">
      <div class="DataList_Circle FloatLeft">{{ DataNumber }}</div>
      <div class="DataList_Title FloatLeft">{{ DataCallsTop10Name }}</div>
      <div class="AppList_Download02 FloatRight">{{ DataCallsTop10Count }}</div>
    </div>
  </script>
		</div>

		<!--数据标签展示 box08-->
		<div class="DataBox_Bg DataBox08 MarginTop20 MarginBottom50 FloatLeft">
			<div class="DataBox_TitleBox">
				<img class="FloatLeft" th:src="@{/plugin/BigScreen/icon07.png}">
				<div class="DataBox_Title FloatLeft">数据标签展示</div>
			</div>
			<div class="DataBox08_Data">
				<div id="DataBox08_Data" style="width: 260px; height: 390px; -webkit-tap-highlight-color: transparent; user-select: none;" _echarts_instance_="ec_1544773920355"><div style="position: relative; overflow: hidden; width: 260px; height: 390px; padding: 0px; margin: 0px; border-width: 0px;"><canvas data-zr-dom-id="zr_0" width="260" height="390" style="position: absolute; left: 0px; top: 0px; width: 260px; height: 390px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas></div></div>
			</div>
		</div>
	</div>

<script type="text/javascript" th:src="@{/plugin/BigScreen/jquery.js}"></script>
<script th:src="@{/plugin/BigScreen/mustache.min.js}"></script>

<script type="text/javascript" th:src="@{/plugin/BigScreen/echarts.min.js}"></script>
<script th:src="@{/plugin/BigScreen/echarts-wordcloud.min.js}"></script>
<script th:src="@{/plugin/BigScreen/echarts.js}"></script>
<script type="text/javascript" th:src="@{/plugin/BigScreen/main.js}"></script>
<script type="text/javascript" th:src="@{/plugin/BigScreen/DataView.js}"></script>

<script type="text/javascript" th:src="@{/plugin/BigScreen/top_bg.js}"></script>

<script type="text/javascript" th:src="@{/plugin/BigScreen/data02.js}"></script>
<script type="text/javascript" th:src="@{/plugin/BigScreen/data03.js}"></script>
<script type="text/javascript" th:src="@{/plugin/BigScreen/data04.js}"></script>
<script type="text/javascript" th:src="@{/plugin/BigScreen/data05.js}"></script>
<script type="text/javascript" th:src="@{/plugin/BigScreen/data08.js}"></script>
<script th:src="@{/plugin/BigScreen/jquery.min.js}"></script>

<!--中软云上技术产品部棒棒哒-->
<!--1208--></body></html>